.search-bar {
  background-color: white;
  border-radius: @border-radius-10;

  align-items: flex-start;
  justify-content: flex-start;
  margin: 0 20px;
  padding: 20px 20px 0;

  box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
}

// 搜索栏selectTree
.search-tree-select {
  max-width: @search-node-width;
  height: @field-height;
  .m-tree-select;
}
// 搜索栏input框
.search-input {
  max-width: @search-node-width;
  height: @field-height;
  .m-input;
  &.mw-3-2 {
    max-width: calc(@search-node-width / 3 * 2);
  }
}
// 搜索栏下拉选择框
.search-select {
  max-width: @search-node-width;
  height: @field-height;
  .m-select;
  &.mw-3-2 {
    max-width: calc(@search-node-width / 3 * 2);
  }
}

// 时期范围选择框
.search-range-picker {
  max-width: @search-range-width;
  width: @search-range-width;
  height: @field-height;
  background: none;
  border: 1px solid @border-color;
  border-radius: @border-radius-4;
}

// 日期选择器
.search-date-picker {
  max-width: @search-node-width;
  width: @search-node-width;
  height: @field-height;
  background: none;
  border: 1px solid @border-color;
  border-radius: @border-radius-4;
}
